iT邦幫忙

2021 iThome 鐵人賽

DAY 27
0

我們平常建立的路由都是MaterialPageRoute,但當我們需要改變風格或是轉場效果時,就需要使用到PageRouteBuilder。

PageRouteBuilder
(一)屬性
Opaque:是否遮擋整個螢幕。
transitionsBuilder:自訂的轉場效果。
pageBuilder:建立要跳到的頁面。
transitionDuration:轉場動畫的持續時間。

(二)實作
程式碼
https://ithelp.ithome.com.tw/upload/images/20211009/20140524FneUKv7bsO.png
https://ithelp.ithome.com.tw/upload/images/20211009/20140524qRrhMjmHou.png
執行畫面
Yes

今天介紹到這邊,明天將會介紹shared_preferences,敬請期待。

參考資料
橫跨Android及Apple的神話:用Dart語言神啟Flutter大業7.3節
https://book.flutterchina.club/chapter9/route_transition.html
https://openhome.cc/Gossip/Flutter/RouteAnimation.html
https://flutter.cn/docs/cookbook/animation/page-route-animation


上一篇
Day 26路由堆疊
下一篇
Day 28 shared_preferences本機存放區
系列文
一起學Flutter,和我變Better!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言